<div class="page" style="min-height: 500px;">
  <div class="page-container">
	<div class="container">
	  <div class="row">
		<div class="span4">
		  <h4>Timeline</h4>
		</div>
		<div class="span8">
		  <div class="pull-right" style="margin-top: -15px;">
			<?php foreach ($top_users as $top_user) { ?>
  			<a title="<?php echo '@' . $top_user['user_name']; ?>" href="<?php echo base_url('profile/' . $top_user['user_name']); ?>" style="text-decoration: none;">
  			  <img class="img-circle img-zoom" style="max-height: 50px;" src="<?php echo base_url('assets/photos/' . $top_user['user_image']); ?>"/>
  			</a>
			<?php } ?>
		  </div>
		</div>
	  </div>
	  <div class="page-header" style="margin-top: -10px;"></div>
	  <div id="timeline_body"></div>
	  <div id="timeline_more"></div>
	  <div id="loading_div_end" style="margin-top: 5px; text-align: center;">Loading ... <img src="<?php echo site_url('assets/img/loading_black.gif'); ?>"/></div>
	  <input type="hidden" id="timeline_filter" value=""/>
	  <input type="hidden" id="timeline_offset" value=""/>
	</div>
  </div>
</div>

<script>
  load_timeline(null, '<?php echo $last_active_day ?>', true);
  load_timeline_more();
</script>